import React from 'react';

export default class Total extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            total: props.total
        }
    }


    componentWillReceiveProps(nextProps) {
        console.error("total componentWillReceiveProps");
        console.error(nextProps);
        // this.setState({
        //     total: nextProps.total
        // })
    }

    shouldComponentUpdate (nextProps, nextState) {
        console.error("total shouldComponentUpdate");
        console.error(nextProps);
        console.error(nextState);
        return true;
        // return false;
    }

    componentWillUpdate() {
        console.error("total componentWillUpdate");
    }

    componentDidUpdate() {
        console.error("total componentDidUpdate");
    }

    render() {
        return (
            <div>
                <p>Total: { this.state.total }</p>
            </div>
        )
    }
} 